<template>
    <div>
      <van-popup v-model="show" position="bottom" :close-on-click-overlay="false">
      <div class="qr-body">
        <img src="http://img.dani.ishangtui.com/images/qr.png?v2">
        <div class="d1">一起瘦公众号二维码<br>
          长按识别二维码</div>
        <div class="d2">一起瘦公众号是唯一进入商城的途径<br>
          请您先关注公众号再进入商城购买产品</div>
      </div>
      </van-popup>
    </div>
</template>

<script type="text/ecmascript-6">
  import { Popup } from 'vant';
  import Vue from 'vue';
  Vue.use(Popup);
  export default {
    name: 'qr',

    data () {
      return {
      };
    },
    props: {
      show: false
    },
    created () {
    },
    methods: {},
    computed: {},
    watch: {}
  };
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  @import "../../assets/stylus/main.styl"
  .qr-body
    text-align center
    font-size vw(14)
    padding-top vw(60)
    line-height 1.5
    img
      width vw(120)
      height vw(120)
      -webkit-touch-callout behavior!important
      -webkit-user-select text!important

    .d1
      color #333
      margin-top vw(10)
    .d2
      color main-color
      margin-top vw(20)
      margin-bottom vw(50)
</style>
